page {
  width: 100%;
  height: 100%;
}
.body {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
}
.header {
  background: #ff0000;
  color: #fff;
  line-height: 100rpx;
  flex: 0 0 100rpx; /* 不放大不缩小固定100rpx */
}
.main {
  flex: 1;
  position: relative;
}
.main-scroll {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: #f7f7f7;
}
.box {
  height: 150rpx;
  // background-color: yellowgreen;
  display: flex;
  justify-content: center;
  align-items: center;
  .box_img {
    width: 50rpx;
    height: 50rpx;
    padding-right: 30rpx;
  }
  .box_title {
    font-size: 32rpx;
    font-weight: 600;
    letter-spacing: 2rpx;
  }
}
.sjimg {
  width: 100%;
  height: 300rpx;
}
.action {
  padding: 40rpx 50rpx;
  background-color: #ffffff;
  .action_cont {
    display: flex;
    justify-content: space-between;
  }
  .action_box {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    height: 120rpx;
    .num {
      font-size: 38rpx;
      font-weight: 600;
    }
    .hx {
      font-weight: 600;
      font-size: 36rpx;
      color: #6c6c6c;
    }
  }
}

.ft {
  margin-top: 30rpx;
  padding: 40rpx 50rpx;
  background-color: #ffffff;
  .ft_cont {
    display: flex;
    justify-content: space-between;
  }
  .ft_box {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    height:240rpx;
  }
  .ft_img{
    width: 160rpx;
    height: 160rpx;
  }
  .ft_font{
    font-weight: 700;
    font-size: 32rpx;
  }
}
.van-notice-bar {
  background-color: white !important;
  border-radius: 50rpx !important;
  box-shadow: 2px 2px 10px 2px #cecbcb;
}

.input {
  width:500rpx;
  border: 1rpx solid rgb(175, 174, 174);
  border-radius: 10rpx;
  height: 70rpx;
  margin-top: 40rpx;
  padding-left: 30rpx;
  padding-right: 40rpx;
}